<template>
	<view class="navigationbar">
		<navigator open-type="navigateBack">
			<uni-icons type="left" color="#fff" size="24"></uni-icons>
		</navigator>
		<text class="text">{{ text }}</text>
	</view>
</template>

<script>
	export default {
		name:"mynavigationbar",
		props: ['text'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.navigationbar {
		position: relative;
		display: flex;
		height: 175rpx;
		padding-top: 100rpx;
		box-sizing: border-box;
		background-color: #66c2a9;
	
		.text {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			color: #FFFFFF;
			font-size: 36rpx;
		}
	}
</style>
